<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="shortcut icon" href="http://lion.ufile.ucloud.com.cn/event_share/4PQAzbalvtm6Ot4Y.ico" />
		<link rel="stylesheet" href="static/css/zui.min.css" />
		<link rel="stylesheet" href="static/css/datetimepicker.min.css" />
		<link rel="stylesheet" href="static/css/chosen.min.css" />
		<title>新手任务</title>
	</head>

	<body>
		<!-- header -->
		<div class="col-md-12" style="height:80px; background:#2b4053; color: #ffffff; border:0px solid red;margin-bottom:10px;">
			<div class="col-md-9" style="font-size:20px; font-weight:bold; padding-top: 20px;">JAVA - LION - CMS 简易后台</div>
			<div class="pull-right">
				<p>欢迎任辉哈哈哈</p>
				<a class="btn-danger" href="">退出登录 <i class="icon icon-forward"></i></a>
			</div>
		</div>
		<div class="col-md-12">
			<!-- nav -->
			<section>
				<div class="col-md-2" style="border:0px red solid ">
					<article>
						<div class="example" contenteditable="false">
							<nav class="menu" data-toggle="menu">
								<ul class="nav nav-primary">
									<li>
										<a href="javascript:;"><i class="icon-th"></i> Lion 简易后台</a>
									</li>
									<li class="active show nav-parent">
										<a href="javascript:;" th:inline="text"><i class="icon-plus"></i>分享管理</a>
										<ul class="nav">
											<li class="">
												<a href="share-add.html"><i class="icon-circle-blank"></i><span>添加分享</span></a>
											</li>
											<li class="active">
												<a href="new_user_task.html"><i class="icon-circle-blank"></i><span>新手任务</span></a>
											</li>
										</ul>
									</li>
								</ul>
							</nav>
						</div>
					</article>
				</div>
			</section>
			<section>
				<div class="col-md-10">
					<ol class="breadcrumb">
						<li>
							<a>新手任务</a>
						</li>
						<li class="active">
							<a>任务系统</a>
						</li>
					</ol>
					<hr>
					<!-- 编辑内容 -->
					<form class="form-horizontal">
						<div class="form-group task-type">
							<div class="col-xs-2">
								<label>
									<p class="text-left">任务归属</p>
								</label>
							</div>
							<div class="col-xs-1 radio">
								<label>
									<input type="radio" name="task" value="1"/> 新手任务
								</label>
							</div>
							<div class="col-xs-1 radio">
								<label>
									<input type="radio" name="task" value="2"/> 自分享任务
								</label>
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-xs-2">
								<label>
									<p class="text-left">任务标题</p>
								</label>
							</div>
							<div class="col-xs-4">
								<input type="text" class="form-control" placeholder="请填写任务标题"/>
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-xs-2">
								<label>
									<p class="text-left">任务等级</p>
								</label>
							</div>
							<div class="col-xs-8">
								<input type="text" class="form-control" placeholder="请填写任务等级"/>
							</div>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">全部等级</button>
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-xs-2">
								<label>
									<p class="text-left">任务类型</p>
								</label>
							</div>
							<div class="col-xs-2">
								<input type="text" class="form-control" id="taskType" placeholder="点击选择任务类型" readonly="readonly"/>
							</div>
						</div>
						
						<div class="form-group">
							<div class="col-xs-2">
								<label>
									<p class="text-left">最短时常</p>
								</label>
							</div>
							<div class="col-xs-2">
								<div class="input-group">
									<input type="number" class="form-control" placeholder=""/>
								 	<span class="input-group-addon">分钟</span>
								</div>
							</div>
						</div>
						
						<section class="self-share-task self-share-task-section">
							<div class="form-group">
								<label class="col-xs-2">
									<p class="text-left">奖励</p>
								</label>
								<div class="col-xs-1">
									<button type="button" class="btn btn-primary btn-block self-share-task-add-btn">添加</button>
								</div>
							</div>
						</section>
						
						<div class="form-group new-user-task">
							<div class="col-xs-2">
								<label>
									<p class="text-left">任务图标</p>
								</label>
							</div>
							<div class="col-xs-1">
								<img src="http://zui.sexy/docs/img/img1.jpg" width="100px" height="100px" class="img-rounded"/>
							</div>
						</div>
						
						<div class="form-group new-user-task">
							<div class="col-xs-2">
								<label>
									<p class="text-left">跳转链接</p>
								</label>
							</div>
							<div class="col-xs-4">
								<input type="text" class="form-control" placeholder="请填写跳转链接"/>
							</div>
						</div>
						
						<div class="form-group new-user-task">
							<div class="col-xs-2">
								<label>
									<p class="text-left">达到次数</p>
								</label>
							</div>
							<div class="col-xs-2">
								<div class="input-group">
									<input type="number" class="form-control" placeholder=""/>
								 	<span class="input-group-addon">次</span>
								</div>
							</div>
						</div>
						
						<div class="form-group new-user-task">
							<div class="col-xs-2">
								<label>
									<p class="text-left">经验值</p>
								</label>
							</div>
							<div class="col-xs-4">
								<input type="text" class="form-control" placeholder="请填写经验值"/>
							</div>
						</div>
						
						<div class="form-group new-user-task">
							<div class="col-xs-2">
								<label>
									<p class="text-left">奖励值</p>
								</label>
							</div>
							<div class="col-xs-1">
								<input type="text" class="form-control" placeholder="请填写奖励值"/>
							</div>
							<div class="col-xs-1">
								<select class="form-control">
									<option>狮毛</option>
									<option>狮牙</option>
								</select>
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-xs-2">
								<p class="text-left"></p>
							</label>
							<div class="col-xs-1">
								<button class="btn btn-primary btn-block">添加</button>
							</div>
						</div>
					</form>
				</div>
			</section>
		</div>
	</body>
	<script type="text/javascript" src="static/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="static/js/zui.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.min.js"></script>
	<script type="text/javascript" src="static/js/modal-chose-table.js"></script>
	<script type="text/javascript" src="static/js/user-task.js" ></script>
</html>